{%extends "base.html"%}
{%block body%}
{%if user%}
  <div class="corpo" id="corpo">
   
        <div class="ajuda" id="ajuda">
        <div class="dentro">
            <h4>Manter Parametros</h4>
            <p>
                Escolha um parametros para editar, cadastrar ou excluir
            </p>
 
            <div id="image-fechar">
                <img src="images/close.gif" />
            </div>
            </div>
        </div>
        
        <h2>Manter Parametros</h2>
         <!-- DIV de erro enviados pelo servidor -->
        <div id="container_right">
        <div class="newsimg">
            <div id="erro" style="padding-bottom:10px;padding-top:10px;"></div>
        </div>
        </div>
        <!-- fim div -->
        
        <form id="cadastro-form" action="/newManter">
      	         {% if erro %}
	        	<p class=erro>
	            Ocorreu um erro:
	            <br />
	            {{erro}}
	            </p>
	            <br />
	        {% endif%}
        
        <br />
        <% } %>
        <div class="notes" id="notes"></div>
        <table border="0" class="list" cellpadding="0" cellspacing="0">
            <tr>
            <td><a href="/frmGenero">Genero</a></td>
            <td><a href="/frmTipo">Tipo de DVD</a></td>
        	</tr>
        </table>
        </form>
        <div class="image_ajuda">
            <img src="/images/help.gif" id="help" alt="Clique para ajuda de como efetuar a operacao."/>
        </div>
        

    </div>
<script>

         $(document).ready(function() {

             var mostrarForm = true;
             $("#notes").hide();
             jQuery().ajaxStart(function() {
                 showLoading();
                 $("#cadastro-form").fadeOut("slow");
                 $("#erro").hide();
                 //                 $('#grow').animate({ height: 500, width: 500 }, "slow", function() {
                 //                     alert('The element is done growing!');
                 //                 });

             });

             jQuery().ajaxStop(function() {
                 hideLoading();
                 if (mostrarForm) {

                     $("#cadastro-form").fadeIn("fast");
                     //$("#notes").show();
                 }
             });

             $('#cadastro-form').submit(
            function() {
                var f = $('#cadastro-form');
                var action = f.attr("action");
                var serializedForm = f.serialize();
                $.post(action,
                    serializedForm,
                    function(txt) {
                        $("#erro").html(txt);
                        if (txt == "Cadastrado com sucesso!") {
                            $("#erro").css({ color: 'green' });
                            mostrarForm = false;
                        }
                        else {
                            $("#erro").css({ color: 'red' });
                        }
                        $("#erro").show();
                    });

                //$.getJSON("/Filme/Cadastra/" + serializedForm, {}, ListaFilmes);

                return false;
            });
            
            $("#erro").hide();
        $(".ajuda").hide();

        $("#help").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });

        $("#image-fechar").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });


        
        
         });
    </script>
{% endif%}
{%endblock%}
